<template>
  <div>
    <div class="top-bottom-bg">
      <top-index class="auto"></top-index>
    </div>
    <div class="middle-bg">
      <middle class="auto"></middle>
    </div>
    <div class="top-bottom-bg">
      <bottom-index class="auto"></bottom-index>
    </div>
  </div>
</template>

<script>
import TopIndex from './topIndex'
import BottomIndex from './bottomIndex'
import Middle from './middle'

export default {
  name: 'index',
  components: {
    TopIndex,
    BottomIndex,
    Middle
  }
}
</script>

<style scoped>
  .top-bottom-bg{
    background-color: #005389;
  }
  .middle-bg{
    background-color: #eee;
  }
  .auto{
    margin: auto;
  }
</style>
